<template>
  <div class="box">
    <div class="tips">抵制不良游戏 拒绝盗版游戏，注意自我保护 谨防受骗上当，适度游戏益脑 沉迷游戏伤身，合理安排时间 享受健康生活</div>
    <!--<div>-->
      <!--<span>关于我们</span> |-->
      <!--<span>服务条款</span> |-->
      <!--<span>广告服务</span> |-->
      <!--<span>维权举报</span> |-->
      <!--<span>游戏客服</span> |-->
      <!--<span>商务合作</span> |-->
      <!--<span>正版申明</span>-->
    <!--</div>-->
    <div>承接传奇网站、脚本
      <i class="iconfont icon-qq">&nbsp;</i>
      <a href="http://wpa.qq.com/msgrd?v=3&uin=2384049697&site=qq&menu=yes">2384049697</a> |
      <a href="http://wpa.qq.com/msgrd?v=3&uin=1520637613&site=qq&menu=yes">1520637613</a>
    </div>
    <div class="records">
      <div @click="handleClick">备案号：渝ICP备18016914号-1</div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'FooterBox',
  methods: {
    handleClick () {
      window.open('http://www.beian.gov.cn/portal/index.do')
    }
  }
}
</script>

<style scoped lang="scss">
.box {
  position: absolute;
  right: 20px;
  bottom: 80px;
  width: 650px;
  height: 20px;
  color: $white;
  font-size: 12px;
  display: flex;
  flex-direction: column;
  cursor: pointer;
  img {
    width: 16px;
    height: 16px;
  }
  div {
    margin-bottom: 20px;
    text-align: right;
  }
  .records {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 30px;
    line-height: 30px;
    div {
      margin-bottom: 0;
    }
  }
}
</style>
